<div class="notifications card">
  <div class="card-header hide-ios clearfix">
    <%= t('notifications.all_notifications') %>

    <span class="pull-right">
      <%= link_to t('notifications.clean_all'), notifications.clean_notifications_path, class: 'btn btn-sm btn-danger', id: 'btn-remove-all', method: 'delete', remote: true %>
    </span>
  </div>
  <div class="card-body list item-list">
    <% if @notifications.blank? %>
      <div class="notification-group">
        <div class="no-records"><%= t('notifications.no_records') %></div>
      </div>
    <% else %>
      <% @notification_groups.each do |group, notifications| %>
        <div class="notification-group">
          <div class="group-title"><i class="fa fa-clock-o"></i> <%= group %></div>
          <%= render notifications %>
        </div>
      <% end %>
    <% end %>
  </div>
  <div class="card-footer hide-ios">
    <%= paginate @notifications %>
  </div>
</div>
